<!--
 * @Author: 刘美红 liumeihong@llootong.com
 * @Date: 2025-04-18 09:41:12
 * @LastEditors: 刘美红 liumeihong@llootong.com
 * @LastEditTime: 2025-04-18 20:16:53
 * @FilePath: \xgjd-app\src\components\labeltitle.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <view class="label-title-content">
    <image
      class="icon"
      v-if="props.showImg"
      src="../static/images/lableIcon.png"
    />
    <p class="text-label">{{ props.text }}</p>
  </view>
</template>
<script setup>
import { defineProps, onMounted, watch } from 'vue';
const props = defineProps({
  text: String,
  showImg: {
    type: Boolean,
    default: true,
  },
});
onMounted(() => {
  console.log('mounted', props);
});
</script>
<style lang="scss" scoped>
.label-title-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  .icon {
    width: 38rpx;
    height: 38rpx;
  }

  .text-label {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 29rpx;
    color: #000000;
    line-height: 42rpx;
    text-align: right;
    font-style: normal;
    margin-left: 25rpx;
  }
}
</style>
